<!--
 * @Description: html常用元素
 * @Author: rendc
 * @Date: 2021-08-02 14:41:30
 * @LastEditors: rendc
 * @LastEditTime: 2021-08-02 17:19:35
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>html常用元素</title>
</head>

<body>
  <h1 id="header">
    目录
  </h1>
  <a href="#chaolianjie">超链接</a>
  <a href="#chaolianjie">超链接</a>
  <a href="#chaolianjie">超链接</a>
  <a href="#myHello">hello</a>
  <h2>图片</h2>
  <img src="" alt="">
  <h2 id="chaolianjie">超链接</h2>
  <a href="https://baidu.com" target="_blank">百度一下</a>
  <a href="mailto:rendc@briup.com" target="_blank">联系我</a>
  <!-- 列表 -->
  <h2 id="myDl">自定义列表</h2>
  <dl>
    <dt>标题</dt>
    <dd>1</dd>
    <dd>2</dd>
    <dd>3</dd>
  </dl>
  <h2 id="myUl">无序列表</h2>
  <ul>
    <li>第一条</li>
    <li>第二条</li>
    <li>第三条</li>
    <li>第四条</li>
    <li>第五条</li>
    <li>第六条</li>
  </ul>
  <h2 id="myOl">有序列表</h2>
  <ol type="i">
    <li>第一条</li>
    <li>第二条</li>
    <li>第三条</li>
    <li>第三条</li>
    <li>第三条</li>
    <li>第三条</li>
  </ol>
  <ol start="4" reversed>
    <li>第四条</li>
    <li>第5条</li>
    <li>第6条</li>
  </ol>

  <h2 id="myHello">hello，world</h2>
  <div>hello,world</div>
  <p>第一段hello,world</p>
  <p>第二段<br />hello,world</p>
  <div>
    <div>
      <p>
        <i>hello</i>
        <em>hello</em>
        <em>world</em>
      </p>
    </div>
    <div></div>
    <h2>所有标题</h2>
    <!-- 无意义的块级元素，可以嵌套div -->
    <h1>1级标题</h1>
    <hr />
    <h2>2级标题</h2>
    <hr />
    <h3>3级标题</h3>
    <hr />
    <h4>4级标题</h4>
    <hr />
    <h5>5级标题</h5>
    <h6>6级标题</h6>
    <a href="#header">返回顶部</a>
  </div>
</body>

</html>